<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">
		  
	<ui:composition template="/template/pCliente.xhtml">	 		 
	<ui:define name="head">
	    <title>Asesor 360</title>
	</ui:define>
	  
	<ui:define name="titulopagina">
		<h:outputText value="DATOS GENERALES" />
	</ui:define>
	 
	<ui:define name="bodyarea">
		<f:event type="preRenderView" listener="#{datoClienteController.onPageLoad}"/>
		<f:event type="preRenderView" listener="#{clientesAnexosController.onPageLoad}"/>
		<p:messages id="growl" ></p:messages>
		<input type="hidden" id="nomReporte" name="nomReporte" value="datosGeneralCliente"/>
		<p:accordionPanel multiple="true" activeIndex="0,1,2,3" id="idContentMain">
			<p:tab title="Datos Adicionales de Clientes">
				<h:panelGrid columns="2" width="100%">
					<h:panelGroup  width="400px" style="text-align:left;">
						<table width="400px" >
							<tr>
								<td width="100"><h:outputText value="Fecha Nacimiento:" styleClass="texto"/></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.fecnacimiento}" /></td>
							</tr>
							<tr>
								<td width="100"><h:outputText value="Tipo Persona:" styleClass="texto"/></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.tipopersona}"/></td>
							</tr>
							<tr>
								<td width="100"><h:outputText value="Dirección:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.direccion}"/></td>
							</tr>
							<tr>
								<td width="100"><h:outputText value="Nro. Teléfono:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.nrotelefono}"/></td>
							</tr>
							<tr>
								<td width="100"><h:outputText value="Estado Civil:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.estadocivil}"/></td>
							</tr>
							<tr>
								<td width="100"><h:outputText value="Sexo:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.sexo}"/></td>
							</tr>
							<tr>
								<td width="100"><h:outputText value="Ejecutivo Principal:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.nombregestorprincipal}"/></td>
							</tr>
							<tr>
								<td width="100"><h:outputText value="Oficina Principal:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.codigooficina}"/></td>
							</tr>
						</table>			
					</h:panelGroup>
					<h:panelGroup  width="400px" style="text-align:left;">
						<table width="400px" >
							<tr>
								<td width="120"><h:outputText value="Nombre Oficina:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.nombreoficina}"/></td>
							</tr>
							<tr>
								<td width="120"><h:outputText value="Teléfono Oficina:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.telefonooficina}"/></td>
							</tr>
							<tr>
								<td width="120"><h:outputText value="Segmento Cliente:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.segmento}"/></td>
							</tr>
							<tr>
								<td width="120"><h:outputText value="Tipo de Cliente:" styleClass="texto" /></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.tipocliente}"/></td>
							</tr>
							<tr>
								<td width="120"><h:outputText value="Asesor de Inversiones:" styleClass="texto"/></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.nombregestorpremium}"/></td>
							</tr>
							<tr>
								<td width="120"><h:outputText value="Mail Asesor:" styleClass="texto"/></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.emailgestorpremium}"/></td>
							</tr>
							<tr>
								<td width="140"><h:outputText value="Teléfono Asesor:" styleClass="texto"/></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.telefonogestorpremium}"/></td>
							</tr>
							<tr>
								<td width="140"><h:outputText value="Código Cliente:" styleClass="texto"/></td>
								<td><h:outputText value="#{datoClienteController.datosAdicionales.codcliente}"/></td>
							</tr>
						</table>
					</h:panelGroup>
				</h:panelGrid>
			</p:tab>
			<p:tab title="Datos del Perfil de Inversión">
				<h:panelGrid columns="3" width="100%">
					<ui:repeat var="datoAdicional" value="#{datoClienteController.listaDatosPerfilInversion}">
				      <table>
				      	<tr>
				      		<td width="600" >
				      			<h:outputText value="#{datoAdicional.descripcion}:" styleClass="texto" />
				      		</td>
				      		<td>
				      			<h:outputText value="#{datoAdicional.valorrespuesta}"/>
				      		</td>
				      	</tr>
				      </table>
					</ui:repeat>
				</h:panelGrid>
			</p:tab>
			<p:tab title="Resumen Posición Actual del Total de Productos del Cliente">
				<h:panelGrid columns="2" width="100%">
					<h:panelGrid>
						<p:dataTable value="#{datoClienteController.listaPosicionContrato}" 
							var="fila" styleClass="styleDataTableWrapNormal">
							<p:columnGroup type="header">  
					            <p:row>  
					                <p:column rowspan="2" headerText="Productos"/>  
					                <p:column colspan="3" headerText="Saldo en Moneda Extranjera"/>
					                <p:column width="30" rowspan="2" headerText="Utilidad/ Perdida"/>
					                <p:column width="20" rowspan="2" headerText="Peso (%)"/>
					            </p:row>
					            <p:row>  
					                <p:column headerText="Actual"/>  
					                <p:column headerText="Retenido"/>  
					                <p:column headerText="Disponible"/>
					            </p:row>  
					        </p:columnGroup>  
							<p:column styleClass="columnTableVerdePrime columnNumero">  
					            <h:outputText value="#{fila.descripcion}"/>
					        </p:column>
					        <p:column styleClass="columnTableVerdePrime columnNumero" >  
					            <h:outputText value="#{fila.saldoactualFormat}"/>
					        </p:column>
					        <p:column styleClass="columnTableVerdePrime columnNumero">  
					            <h:outputText value="#{fila.saldoretenidoFormat}"/>
					        </p:column>
					        <p:column styleClass="columnTableVerdePrime columnNumero">  
					            <h:outputText value="#{fila.saldodisponibleFormat}"/>
					        </p:column>
					        <p:column  styleClass="columnTableVerdePrime columnNumero">  
					            <h:outputText value="#{fila.utilidadperdidaFormat}"/>
					        </p:column>
					        <p:column styleClass="columnTableVerdePrime columnNumero">  
					            <h:outputText value="#{fila.pesoFormat}%"/>
					        </p:column>  		
							<p:columnGroup type="footer">  
					            <p:row>
					                <p:column footerText="#{datoClienteController.totalPosicionContrato.descripcion}" styleClass="styleDataTableFooterOrange"/>
					                <p:column footerText="#{datoClienteController.totalPosicionContrato.saldoactual}" styleClass="styleDataTableFooterOrange"/>
					                <p:column footerText="#{datoClienteController.totalPosicionContrato.saldoretenido}" styleClass="styleDataTableFooterOrange"/>
					                <p:column footerText="#{datoClienteController.totalPosicionContrato.saldodisponible}" styleClass="styleDataTableFooterOrange"/>
					                <p:column footerText="#{datoClienteController.totalPosicionContrato.utilidadperdida}" styleClass="styleDataTableFooterOrange"/>
					                <p:column footerText="#{datoClienteController.totalPosicionContrato.peso}" styleClass="styleDataTableFooterOrange"/>
					            </p:row>  
					        </p:columnGroup>
						</p:dataTable>
					</h:panelGrid>
					<h:panelGrid>
						<p:graphicImage value="#{datoClienteController.chart}" />
					</h:panelGrid>
				</h:panelGrid>
			</p:tab>
			<p:tab title="Documentos Anexos">
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
					cellpadding="5" styleClass="bordePanel" columns="1"
					style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Filstros de Busqueda" />
					</f:facet>
				    <h:panelGrid columns="4">
				      	<h:outputText value="Fecha Desde:" styleClass="texto" />
						<p:calendar id="txtFechaDesdeDocA" value="#{clientesAnexosController.clienteAnexos.fechaInicio}" locale="es" showButtonPanel="true" 
							showOn="button"  pattern="dd/MM/yyyy" size="10" maxlength="10">
						</p:calendar>					
						<h:outputText value="Fecha Hasta:" styleClass="texto"/>
						<p:calendar id="txtFechaHasta" value="#{clientesAnexosController.clienteAnexos.fechaFin}" locale="es" showButtonPanel="true" 
							showOn="button"  pattern="dd/MM/yyyy" size="10" maxlength="10">
						</p:calendar>
				    </h:panelGrid>
					<h:panelGrid columns="2">  	    
					    <p:commandButton value="Buscar"	actionListener="#{clientesAnexosController.buscarAnexos}" icon="ui-icon ui-icon-search"
							update=":formPrincipal:idContentMain:messages,:formPrincipal:idContentMain:idListClienteAnexos"/>
						<p:commandButton value="Nuevo" actionListener="#{clientesAnexosController.resetModalInsertAnexo}" 
							icon="ui-icon ui-icon-document" update=":modalNuevoDocAnexo" oncomplete="WVmodalNuevoAnexo.show()" />
					</h:panelGrid>
					<p:messages id="messages" showDetail="true" closable="true" />
				</h:panelGrid>
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
					cellpadding="5" styleClass="bordePanel" columns="1"
					style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Resultado" />
					</f:facet>
					<p:dataTable id="idListClienteAnexos" var="fila" value="#{clientesAnexosController.listaClienteAnexos}"
						emptyMessage="No hay resultados."
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
						paginator="true" rows="10" rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:column headerText="Fecha" style="width:10%">  
				            <h:outputText value="#{fila.fecha}" />
				        </p:column>
				        <p:column headerText="Asesor que registro" style="width:10%">  
				            <h:outputText value="#{fila.idUsuario}" />
				        </p:column>
				        <p:column headerText="Descripcion" style="width:10%">  
				            <h:outputText value="#{fila.descripcion}" />
				        </p:column>
						<p:column headerText="Nombre del Archivo" style="width:10%">  
				            <h:outputText value="#{fila.nomArchivo}" />
				        </p:column>
				        <p:column headerText="" style="width:10%">
							<p:commandButton id="downloadLink" value="Descargar" ajax="false" onclick="PrimeFaces.monitorDownload(start2, stop2)"
								actionListener="#{clientesAnexosController.prepararStreamFilePdf(fila.archivo)}" icon="ui-icon-arrowthick-1-s"
								rendered="#{fila.archivo != null}">
							    <p:fileDownload value="#{clientesAnexosController.filePDF}" /> 
							</p:commandButton>
				        </p:column>
					</p:dataTable>								
				</h:panelGrid>
			</p:tab>
		</p:accordionPanel>
		<script type="text/javascript">  
			function start2() {  
			    statusDialog2.show();  
			}  
			  
			function stop2() {  
			    statusDialog2.hide();  
			}  
		</script>
	</ui:define> 
	 
	<ui:define name="extraarea">
		<p:dialog modal="true" widgetVar="statusDialog2" header="Descargando" draggable="false" closable="false" resizable="false">  
 		    <p:graphicImage value="/imagenes/banner/ajaxloadingbar.gif" />
		</p:dialog>
		<p:dialog id="modalNuevoDocAnexo" header="Nuevo" modal="true"
		  	widgetVar="WVmodalNuevoAnexo" dynamic="true" width="500">
           	<h:form enctype="multipart/form-data" prependId="false">
           		<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
					cellpadding="5" styleClass="bordePanel" columns="1"
					style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Nuevo Documento Anexo" />
					</f:facet>
					<h:panelGrid columns="2" width="100%">
						<h:outputText value="Descripcion:" styleClass="texto"/>
						<h:inputTextarea value="#{clientesAnexosController.clienteAnexos.descripcion}" style="width:280px;"/>
					</h:panelGrid>
					<h:panelGrid columns="1" width="100%">
						<t:div style="overflow-y: scroll; overflow-x: hidden; height: 110px;">
							<p:fileUpload fileUploadListener="#{clientesAnexosController.handleFileUpload}"	label="Agregar"					            
								mode="advanced" update="messages" allowTypes="/(\.|\/)(pdf|PDF)$/" fileLimit="1"
								showButtons="false"/>
					    </t:div>
					    <h:outputText value="* Para guardar, se tomará el último archivo subido." styleClass="texto"/>
				    </h:panelGrid>
				    <p:growl id="messages" showDetail="true"/>
					<h:panelGrid columns="2">
						<p:commandButton value="Guardar" actionListener="#{clientesAnexosController.insertClienteAnexos}" 
							update=":formPrincipal:idContentMain:messages,:formPrincipal:idContentMain:idListClienteAnexos"
							oncomplete="WVmodalNuevoAnexo.hide()" icon="ui-icon ui-icon-disk"/>
						<p:commandButton value="Cancelar" icon="ui-icon-cancel" oncomplete="WVmodalNuevoAnexo.hide()" />
					</h:panelGrid>
				</h:panelGrid>
			</h:form>  
		</p:dialog>
	</ui:define>
	</ui:composition>
</html>